<!--<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> -->
<head>
<link rel="STYLESHEET" type="text/css" href="theme/login.css">
</head>

<body style="margin : 0px;" >


<!--  <script language="Javascript1.1" src="/simplecart/javascript/staticJavascript.jsp"></script>-->


<!-- <table cellpadding="0" cellspacing="0" border="2" align="center" width="100%" height="100%" class="background_matte"> -->
<table  border="0" align="center" width="100%" height="100%" class="background_matte" >
    <tr>
        <td align="center" height="100%">
            <form action="/PortalWeb/AutenticarUsuarioServlet" method="post" onsubmit="return validateLoginForm(this);">
            <table cellpadding="0" cellspacing="0" border="0">
                <tr>
                    <td width="1"><img src="images/spc.gif" width="1" height="1" border="0"><br></td>
                    <td width="135"><img src="images/spc.gif" width="135" height="1" border="0"><br></td>
                    <td width="5"><img src="images/spc.gif" width="5" height="1" border="0"><br></td>
                    <td width="145"><img src="images/spc.gif" width="145" height="1" border="0"><br></td>
                    <td width="120"><img src="images/spc.gif" width="120" height="1" border="0"><br></td>
                    <td width="1"><img src="images/spc.gif" width="1" height="1" border="0"><br></td>
                </tr>
                <!-- black line --><tr><td colspan="6" class="black_matte"><img src="images/spc.gif" width="1" height="1" border="0"><br></td></tr>
                <tr>
                    <td width="1" class="black_matte"><img src="images/spc.gif" width="1" height="1" border="0"><br></td>
                    <td colspan="4" align="right" class="navigation_matte">
                    <span class="title_box">Bienvenido!&nbsp;&nbsp;&nbsp;</span>
                    	<!-- <img src="images/adm_clip_adminlogin.gif" hspace="10"/>  -->
                    </td>
                    <td width="1" class="black_matte"><img src="images/spc.gif" width="1" height="1" border="0"><br></td>
                </tr>
                <!-- black line --><tr><td colspan="6" class="black_matte"><img src="images/spc.gif" width="1" height="1" border="0"><br></td></tr>
                <!-- spacer row --><tr><td height="3" colspan="6"><img src="images/spc.gif" width="1" height="1" border="0"><br></td></tr>
                <!-- black line --><tr><td colspan="6" class="black_matte"><img src="images/spc.gif" width="1" height="1" border="0"><br></td></tr>
                <tr>
                    <td width="1" class="black_matte"><img src="images/spc.gif" width="1" height="1" border="0"><br></td>
                    <td colspan="4" align="center" class="white_matte"><img src="images/logo.png" width="135" height="45" vspace="20"/></td>
                    <td width="1" class="black_matte"><img src="images/spc.gif" width="1" height="1" border="0"><br></td>
                </tr>
                <!-- display login errors when needed -->
                <tr>
                    <td width="1" class="black_matte"><img src="images/spc.gif" width="1" height="1" border="0"><br></td>
                    
                    <td colspan="4" align="center" class="white_matte">
                    <%if (request.getAttribute("errorMessage") != null){ %>
                    <span class="copy_red_bold"><%= request.getAttribute("errorMessage") %></span>
                    <% }%>
                    </td>
                    <td width="1" class="black_matte"><img src="images/spc.gif" width="1" height="1" border="0"><br></td>
                </tr>
                <!-- gather username -->
                <tr>
                    <td width="1" class="black_matte"><img src="images/spc.gif" width="1" height="1" border="0"><br></td>
                    <td width="135" class="white_matte copy" align="right"><b>Usuario: </b></td>
                    <td width="5" class="white_matte"><img src="images/spc.gif" width="5" height="1" border="0"><br></td>
                    <td width="145" class="white_matte"><input type="text" name="username" size="15" maxlength="18"/></td>
                    <td width="120" class="white_matte"><img src="images/spc.gif" width="120" height="1" border="0"><br></td>
                    <td width="1" class="black_matte"><img src="images/spc.gif" width="1" height="1" border="0"><br></td>
                </tr>
                <!-- spacer row -->
                <tr>
                    <td width="1" class="black_matte"><img src="images/spc.gif" width="1" height="1" border="0"><br></td>
                    <td colspan="4" height="4" class="white_matte"><img src="images/spc.gif" width="1" height="1" border="0"><br></td>
                    <td width="1" class="black_matte"><img src="images/spc.gif" width="1" height="1" border="0"><br></td>
                </tr>
                <!-- gather password -->
                <tr>
                    <td width="1" class="black_matte"><img src="images/spc.gif" width="1" height="1" border="0"><br></td>
                    <td width="135" class="white_matte copy" align="right"><b>Password: </b></td>
                    <td width="5" class="white_matte"><img src="images/spc.gif" width="5" height="1" border="0"><br></td>
                    <td width="145" class="white_matte"><input type="password" name="password" size="15" maxlength="18" /></td>
                    <td width="120" class="white_matte"><input type="image" src="images/login_button.png" style="border-width : 0px;"/></td>
                    <td width="1" class="black_matte"><img src="images/spc.gif" width="1" height="1" border="0"><br></td>
                </tr>
                <!-- forgotten password -->
                <tr>
                    <td width="1" class="black_matte"><img src="images/spc.gif" width="1" height="1" border="0"><br></td>
                    <td width="135" class="white_matte">&nbsp;</td>
                    <td width="5" class="white_matte"><img src="images/spc.gif" width="5" height="1" border="0"><br></td>
                    <td width="145" class="white_matte">&nbsp;</td>
                    <td width="120" class="white_matte copy"><a href="#">Olvidaste tu password?</a></td>
                    <td width="1" class="black_matte"><img src="images/spc.gif" width="1" height="1" border="0"><br></td>
                </tr>
                <!-- spacer row -->
                <tr>
                    <td width="1" class="black_matte"><img src="images/spc.gif" width="1" height="1" border="0"><br></td>
                    <td colspan="4" height="20" class="white_matte"><img src="images/spc.gif" width="1" height="1" border="0"><br></td>
                    <td width="1" class="black_matte"><img src="images/spc.gif" width="1" height="1" border="0"><br></td>
                </tr>
                <!-- black line --><tr><td colspan="6" class="black_matte"><img src="images/spc.gif" width="1" height="1" border="0"><br></td></tr>
                <tr>
                    <td colspan="6" height="30" valign="center" align="center" class="background_matte, copy">Ing. de Sistemas II - Grupo 10</td>
                </tr>
                <!-- old code
                <tr>
                    <td colspan="2" width="200" height="20" valign="top"><bean:message key="login.greeting"/></td>
                </tr>
                -->
            </table>
            </form>
        </td>
    </tr>
</table>

</body>
